<template>
  <div class="ad-category">
    <h2>商品广告分类</h2>
    <el-table :data="adCategories" stripe>
      <el-table-column prop="id" label="分类ID"></el-table-column>
      <el-table-column prop="name" label="分类名称"></el-table-column>
      <el-table-column prop="description" label="分类描述"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      adCategories: [
        { id: 1, name: "电子产品广告", description: "涵盖各类电子设备的广告" },
        { id: 2, name: "服装广告", description: "各类服装的广告分类" },
        { id: 3, name: "家居用品广告", description: "家居相关产品的广告分类" }
      ]
    };
  }
};
</script>

<style scoped>
.ad-category {
  padding: 20px;
}

h2 {
  margin-bottom: 20px;
}
</style>
